//所有的按钮控制显示跟隐藏
import { App} from 'vue'
import { useStore } from '../store/index'
export default {
	// 通过install 方法
    install(app:App, ) {
        app.directive('hasPerm', {
            mounted: function(el: HTMLButtonElement, binding: any) {
              const store=useStore()
              let permi = binding.value;
              // 判断当前是否存在值
              if (!permi) return console.error("自定义指令值缺失");
              // 是否为管理者：这里设置固定值,
              let isSuperAdmin = false;
              // 权限集合
              let permiList = store.$state.btnList
              // 判断当前按钮值是否存在权限集合中并且当前用户是否为超级管理者
              if (!permiList.some(item=>item.permCode==permi) && !isSuperAdmin) {
                  // 对没有权限的dom 进行 remove
                  return el.parentNode.removeChild(el);
              }
              return;
            }
        })
    }
}